<script setup>
import searchCom from "@/components/searchCom.vue";
import titleCom from "@/components/elementCom.vue";
import { ref } from "vue";
const main = ref(null);
const flag = ref(false);
defineExpose({ flag });
</script>

<template>
  <div class="main" ref="main" @scroll="scrollVal">
    <div class="main_bg">
      <div class="search">
        <searchCom></searchCom>
      </div>
      <img
        src="https://images.unsplash.com/photo-1623333769926-a34d46b5fbdb?q=80&w=3264&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        alt=""
      />
      <div class="snows">
        <div class="snow" v-for="item in 200" :key="item"></div>
      </div>
    </div>
    <div class="content">
      <titleCom></titleCom>
    </div>
    <!-- <RouterView></RouterView> -->
  </div>
</template>

<style scoped>
@import url("@/assets/style/homePage/Main/index.scss");
</style>
